html {
  font-size: 50px;
}


@media only screen and (min-width: 360px) {
  html {
    font-size:56.25px;
  }
}

@media only screen and (min-width: 375px) {
  html {
    font-size:58.5938px;
  }
}

@media only screen and (min-width: 414px) {
  html {
    font-size:64.6875px;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size:75px;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size:100px;
  }
}

@media only screen and (min-width: 980px) {
  html {
    font-size:63.533px;
  }
}
 @media only screen and (min-width: 1280px) {
  html {
    font-size:83px;
  }
}
@media only screen and (min-width: 1366px) {
  html {
    font-size:88.586px;
  }
}

@media only screen and (min-width: 1920px) {
  html {
    font-size:124.5px;
  }
}